body {
  font-family: Microsoft YaHei, Avenir, Helvetica, Arial, sans-serif;
  color: $--color-text-regular;
}

body {
  transition-delay: 0.4s;
  background-image: linear-gradient(
    $--eve-header-background,
    $--eve-menu-background-gradient
  );
}

//在1366下缩放整个网站
// @media screen and (max-width: 1366px) {
//   body {
//     width: 110%;
//     height: 110%;
//     transform: scale(0.91);
//     transform-origin: left top;
//   }
//   .eve-header .el-menu-item,
//   .eve-header .el-submenu__title {
//     padding: 0px 8px !important;
//   }

//   .layout__main {
//     .eve-main {
//       width: calc(110vw - 256px - 30px) !important;
//       height: calc(110vh - 80px - 36px - 20px) !important;
//     }

//     .eve-breadcrumb {
//       width: calc(110vw - 286px) !important;
//     }

//     .eve-menu__main {
//       height: calc(110vh - 90px) !important;
//     }

//     .eve-container {
//       height: calc(110vh - 80px - 36px - 20px) !important;
//     }

//     .layout__collapse.eve-breadcrumb {
//       width: calc(110vw - 93px) !important;
//     }

//     .layout__collapse.eve-main {
//       width: calc(110vw - 65px - 30px) !important;
//     }
//   }

//   .eve-common-footer-button {
//     width: calc(110vw - 256px - 30px) !important;
//   }
// }

.mt-form-title {
  margin-top: 20px;
}
.eve-color-info-tip {
  font-size: $--font-size-extra-small;
  color: $--color-info;
  font-weight: normal;
}
//草稿状态
.draft-status {
  color: $--color-info;
}
// 成功办结
.success-status {
  color: $--color-success;
}
// 退回
.warning-status {
  color: $--color-warning;
}

// 不成功办结
.danger-status {
  color: $--color-danger;
}

//材料表格特殊处理
.doc-list-table {
  .el-form-item__label {
    background: none !important;
    border: none !important;
    padding: 8px 0px 8px 4px !important;
  }
}
.eve-common {
  /*---- 弹窗样式 -----*/
  &-dialog {
    height: 69vh;
    overflow-y: auto;
  }
  &-custom-table {
    // 表格内容过多需要换行 不限制单元格高度 改用padding扩充
    td > .cell {
      height: inherit !important;
      line-height: inherit !important;
      padding: 5px !important;
    }
    // 替换最后一个操作节点padding样式 适配按钮padding样式
    td:nth-last-child(1) > .cell {
      padding: 0px 10px 5px !important;
    }
  }

  /*-----表单提交底部按钮-----*/
  &-footer-button {
    padding: 5px;
    line-height: 44px;
    text-align: center;
    position: fixed;
    bottom: 10px;
    display: flex;
    // height: 48px;
    box-shadow: 0 -4px 6px -2px $--color-primary-light-8; //顶部
    width: calc(100vw - #{$--eve-menu-width} - 30px); //菜单宽度+间距
    z-index: 1000;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    .el-button {
      padding: 10px 16px;
      font-size: $--font-size-content;
    }
    border-bottom-left-radius: $--eve-border-radius;
    border-bottom-right-radius: $--eve-border-radius;
  }

  /*----边框----*/
  //常规边框
  &-border {
    border: 1px solid $--border-color-base;
    //基础投影
    &--base-shadow {
      border: 1px solid $--border-color-lighter;
      box-shadow: $--border-color-base 0px 0px 6px; //将h-shadow,v-shadow设为0px,实现四周阴影
    }
    //浅色投影、卡片
    &--lighter-shadow {
      border: 1px solid $--border-color-lighter;
      box-shadow: $--border-color-lighter 0px 0px 6px; //将h-shadow,v-shadow设为0px,实现四周阴影
    }
  }

  /*----标签页----*/

  //选项卡类型--按钮
  &-tabs--button {
    .el-tabs__nav-wrap {
      margin-bottom: 0;
    }

    .el-tabs__item:first-child {
      border-radius: $--eve-border-radius-small 0 0 $--eve-border-radius-small;
    }

    .el-tabs__item:last-child {
      border-radius: 0 $--eve-border-radius-small $--eve-border-radius-small 0;
    }

    .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
      background-color: $--color-primary;
      color: #fff;
      border-color: $--color-primary;
    }

    .el-tabs--card > .el-tabs__header {
      border-bottom: 1px solid transparent;
    }

    .el-tabs--card > .el-tabs__header .el-tabs__nav {
      border-radius: $--eve-border-radius-small;
      border: 1px solid transparent;
    }

    .el-tabs--card > .el-tabs__header .el-tabs__item {
      border: 1px solid $--border-color-light;
      &:not(:last-child) {
        border-right: none;
      }
    }
  }

  //选项卡类型--分割border
  &-tabs--division {
    .el-tabs__item {
      border: 1px solid $--border-color-lighter;
    }
    .el-tabs__item:not(:first-child) {
      margin-left: 5px;
    }
    .el-tabs--card > .el-tabs__header .el-tabs__nav {
      border-top: 1px solid transparent;
      border-right: 1px solid transparent;
    }
    .el-tabs__item {
      border-radius: $--eve-border-radius-small $--eve-border-radius-small 0 0;
    }
  }

  //基础类型--居中显示(额外扩展的样式)
  &-tabs--center {
    .el-tabs__header {
      margin-left: auto;
      margin-right: auto;
      width: 50%;
    }
  }

  /*----时间轴(时间线)----*/

  &-step-card {
    .el-step__description {
      margin-top: 0px;
      border: 1px solid $--border-color-lighter;
      box-shadow: 0 0 6px $--border-color-lighter;
      min-height: 75px;
      padding: 8px;
    }
  }

  /*----表单----*/
  &-form-container,
  &-form-container-big {
    /*********表单[start]*********/
    .el-form-item {
      .el-form-item__label {
        min-height: 40px;
      }
    }
    .eve-common-form-content {
      border: 1px solid $tableBorderColor;
    }
    .eve-common-form-content:not(:last-child) {
      margin: 0 0 -1px 0;
    }
    // .el-button {
    //   padding: 6px 8px;
    //   font-size: $--font-size-content;
    //   border-radius: 6px;
    // }

    //表单的标题属性
    .eve-common-form-title {
      height: 40px;
      line-height: 40px;
      padding-left: 20px;
      font-size: $--font-size-content;
      color: $--color-text-primary;
      background-color: $--color-primary-light-95;
      font-weight: bolder;
    }
    //带详情css
    .eve-common-detail-field {
      font-size: $--font-size-content;
      line-height: 18px;
    }

    //带单位描述css
    .eve-common-info-tip {
      font-size: $--font-size-content;
      color: $--color-text-regular;
      margin-left: 20px;
    }

    .el-form-item {
      margin-bottom: 0; //去掉form-item默认的底边距
      height: 100%; //很重要，不能去掉，否则form-label无法随form-content的高度变化而变化
      .el-form-item__label {
        background-color: $--color-primary-light-95;
        color: $LabelColor;
        font-size: $--font-size-content;
        padding: $LabelPadding;
        height: 100%;
        line-height: 1; //元素本身的字体大小 设置行高
        //label属性右对齐垂直居中显示
        display: flex;
        justify-content: flex-end;
        align-items: center;
        border-right: 1px solid $tableBorderColor;
        border-left: 1px solid $tableBorderColor;
        margin-left: -1px;
      }
      .el-form-item__content {
        position: relative;
        line-height: 1px;
        padding: $ContentPadding;
        height: 100%;
        //输入框有显示单位文字属性，垂直居中对齐
        display: flex;
        align-items: center;
      }
      .eve-common-form-error-tip {
        color: $--color-danger;
        margin-left: 5px;
      }
      &.eve-common-fixed-error {
        /***重***自定义表单错误提示***点***/
        .eve-common-form-error-tip {
          right: 3px;
          //垂直居中css
          position: absolute;
          top: 50%;
          transform: translate(-50%, -50%);
        }
      }
      input,
      textarea {
        font-size: $--font-size-content;
      }

      input:-ms-input-placeholder,
      textarea:-ms-input-placeholder {
        font-size: $--font-size-content;
      } /* Internet Explorer 10+ */

      input::-webkit-input-placeholder,
      textarea::-webkit-input-placeholder {
        font-size: $--font-size-content;
      } /* WebKit browsers */

      input::-moz-placeholder,
      textarea::-moz-placeholder {
        font-size: $--font-size-content;
      } /* Mozilla Firefox 4 to 18 */

      input:-moz-placeholder,
      textarea:-moz-placeholder {
        font-size: $--font-size-content;
      } /* Mozilla Firefox 19+ */
    }

    /*--表格--*/
    // .el-table {
    //   min-height: auto !important;
    // }

    // .eve-common-formwork__button-table {
    //   padding: 0 0 !important;
    //   .el-pagination {
    //     margin-bottom: 0 !important;
    //   }
    // }

    // .el-table .cell {
    //   line-height: 32px;
    // }

    // .el-table th,
    // .el-table td > .cell {
    //   height: 32px;
    //   line-height: 32px;
    // }
  }
  /*********自定义表单样式开始*小and大********/
  /*********常规input的封装[start]*********/
  &-input {
    &.el-input {
      .el-input__inner {
        //input内边距
        padding: $eveCommonInputPadding;
        //input高度
        height: $eveCommonInputHeight;
        line-height: 1;
      }
      //改变输入框的默认内边距，前后图标的默认左右边距需要重新设置一下，否则出现图标的时候会出现css异常
      .el-input--prefix .el-input__inner,
      .el-input--suffix .el-input__inner {
        padding-left: $eveCommonInputPrefixSuffix;
      }
      .el-input__icon {
        line-height: $eveCommonInputHeight;
        font-size: $--font-size-content;
      }
    }
    //多行文本框
    &.el-textarea {
      //多行文本框内边距
      .el-textarea__inner {
        padding: $eveCommonInputPadding;
        font-family: Arial; //字体设置
      }
      //多行文本框的【计数属性】绝对定位-根据实际情况微调
      .el-input__count {
        bottom: 10px;
      }
    }
  }

  /*********InputNumber 计数器[start]*********/
  &-input-number {
    &.el-input-number {
      line-height: 2; //左右按钮根据行高设置
      .el-input__inner {
        //input内边距
        padding: $eveCommonInputPadding;
        //input高度
        height: $eveCommonInputHeight;
        line-height: 1;
      }
    }
    &.el-input-number--mini .el-input-number__increase,
    &.el-input-number--mini .el-input-number__decrease {
      width: 28px;
      font-size: 16px;
    }
  }

  /*********DatePicker 日期选择器[start]*********/
  &-date-picker {
    overflow: hidden;
    &.el-range-editor.el-input__inner,
    .el-input__inner {
      //input内边距
      padding: $eveCommonInputPadding !important;
      //input高度
      height: $eveCommonInputHeight !important;
      line-height: $eveCommonInputHeight;
    }

    //改变输入框的默认内边距，前后图标的默认左右边距需要重新设置一下，否则出现图标的时候会出现css异常
    &.el-input--prefix .el-input__inner,
    .el-input--suffix .el-input__inner {
      padding-left: $eveCommonInputPrefixSuffix !important;
    }
    &.el-date-editor .el-range-separator {
      width: 10%;
      line-height: $eveCommonInputHeight;
      font-size: $--font-size-content;
    }
    .el-input__icon {
      line-height: $eveCommonInputHeight;
      font-size: $--font-size-content;
    }
    &.el-date-editor .el-range__icon {
      font-size: $--font-size-content;
    }
  }

  /*********timePicker 时间选择器[start]*********/
  &-time-select {
    overflow: hidden;
    .el-input__inner {
      //input内边距
      padding: $eveCommonInputPadding !important;
      //input高度
      height: $eveCommonInputHeight !important;
      line-height: 1;
    }
    //改变输入框的默认内边距，前后图标的默认左右边距需要重新设置一下，否则出现图标的时候会出现css异常
    &.el-input--prefix .el-input__inner,
    .el-input--suffix .el-input__inner {
      padding-left: $eveCommonInputPrefixSuffix !important;
    }
    &.el-date-editor .el-range-separator {
      width: 10%;
      line-height: $eveCommonInputHeight;
      font-size: $--font-size-content;
    }
    .el-input__icon {
      line-height: $eveCommonInputHeight;
      font-size: $--font-size-content;
    }
    &.el-range-editor.el-input__inner {
      padding: 0 4px;
    }
    &.el-date-editor .el-range__icon {
      font-size: $--font-size-content;
    }
  }

  /*********Radio 单选框[start]*********/
  //横向属性
  &-horizontal {
    padding: 5px 0;
    .el-checkbox {
      display: initial;
    }
  }

  //纵向属性-设置为块级元素，并设置上下间距
  &-vertical .el-radio {
    padding: 4px 0;
    display: block;
  }
  //纵向属性
  &-vertical .el-checkbox {
    padding: 4px 0;
    display: block;
  }

  &-radio-group {
    //radio选中字体不跟随变化（常规文字）-#606266
    .el-radio__input.is-checked + .el-radio__label {
      color: $--color-text-regular;
    }
    .el-radio__label {
      font-size: $--font-size-content;
      padding-left: 4px;
      color: $--color-text-regular !important;
    }

    //radio由[实心白]改为[实心蓝]效果
    .el-radio__input.is-checked .el-radio__inner {
      background: #fff;
    }
    .el-radio__inner::after {
      width: 5px;
      height: 5px;
      background-color: $--color-primary;
    }

    /*---禁用时外圈圆颜色加深--*/
    .el-radio__input.is-disabled.is-checked .el-radio__inner {
      border-color: $--color-text-placeholder;
    }

    //禁用背景填充背景色
    .el-radio__input.is-checked.is-disabled .el-radio__inner {
      background: #f5f7fa;
    }

    .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
      background-color: $--color-text-secondary;
    }
    /*---禁用时外圈圆颜色加深-end---*/
  }

  /*********checkbox复选框[start]*********/
  &-checkbox-group {
    .el-checkbox__label {
      font-size: $--font-size-content;
      padding-left: 4px;
      color: $--color-text-regular !important;
    }

    //checkbox由[白色勾]改为[蓝色勾]效果
    .el-checkbox__input.is-checked .el-checkbox__inner,
    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
      background-color: #fff;
      //三级边框-#ebeef5
      // border-color: $--border-color-lighter;
    }
    .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
      background-color: $--color-primary;
    }
    .el-checkbox__inner::after {
      border-color: $--color-primary;
    }

    //checkbox选中字体不跟随变化
    .el-checkbox__input.is-checked + .el-checkbox__label {
      //常规文字-#606266
      color: $--color-text-regular;
    }

    /*---禁用时外边框颜色加深--*/
    .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
      border-color: $--color-text-placeholder;
    }

    // 禁用时打钩加深
    .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
      border-color: $--color-text-secondary;
    }

    .el-checkbox__input.is-checked.is-disabled .el-checkbox__inner,
    .el-checkbox__input.is-indeterminate.is-disabled .el-checkbox__inner {
      background-color: $--checkbox-disabled-input-fill;
    }
    /*---禁用时外边框颜色加深--*/
  }

  /*********select下拉框[start]*********/
  &-select {
    &.el-select {
      width: 100%;
      .el-input__inner {
        //input内边距
        padding: $eveCommonInputPadding;
        //input高度
        height: $eveCommonInputHeight;
        line-height: 1;
      }
    }
    // 下拉多选
    .el-tag {
      height: 24px;
      padding: 0 10px;
      line-height: 24px;
      font-size: $--font-size-content;
      .el-icon-close {
        background-color: #c0c4cc;
      }
    }
  }

  //多选 select超出
  &-select-ellipsis {
    .el-select__tags {
      flex-wrap: nowrap;
    }
    .el-tag:first-child {
      max-width: 160px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }

  //单选 select超出
  &-select-single-ellipsis {
    &.el-select .el-input__inner {
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }
  }

  /*********select下拉复选框[start]*********/
  &-cascader {
    &.el-cascader {
      width: 100%;
      .el-input__inner {
        //input内边距
        padding: $eveCommonInputPadding;
        //input高度
        height: $eveCommonInputHeight;
        line-height: 1;
      }
    }
    .el-tag {
      height: 24px;
      padding: 0 10px;
      line-height: 24px;
      font-size: $--font-size-content;
      .el-icon-close {
        background-color: #c0c4cc;
      }
    }
  }

  /*********autocomplete下拉复选框[start]*********/
  &-autocomplete {
    &.el-autocomplete {
      width: 100%;
      .el-input__inner {
        //input内边距
        padding: $eveCommonInputPadding !important;
        //input高度
        height: $eveCommonInputHeight !important;
        line-height: 1 !important;
      }
    }
  }

  /*********slider滑块[start]*********/
  &-slider {
    &.el-slider {
      width: 100% !important;
      //减小滑块的边距
      .el-slider__runway {
        margin: 11px 0;
      }
    }
  }

  /*********下拉树[start]*********/
  &-drop-down-tree {
    &.el-select {
      width: 100%;
      .el-input__inner {
        //input高度
        height: $eveCommonInputHeight !important;
        line-height: 1;
      }
    }
  }

  /*********icon[start]*********/
  &-icon {
    font-size: $--font-size-content;
    color: $--color-info; //#909399
    &:hover {
      cursor: pointer;
      color: $--color-warning; //#e6a23c
    }
  }

  /*********upload图片上传[start]*********/
  &-upload {
    padding: 0px 0 12px 0;
    line-height: 1;
    .el-upload-list--picture .el-upload-list__item {
      //三级边框-#ebeef5
      border: 1px solid $--border-color-lighter;
    }
  }

  /*********自定义表单样式结束*********/

  /*********模板页面的间距*********/

  //查询表单
  &-formwork__select-form {
    // padding: 15px 20px 20px 20px;
    padding: 20px;
  }

  //按钮
  &-formwork__button-table {
    padding: 0 20px;
    .el-button {
      margin-bottom: 20px;
    }
    .el-pagination {
      margin-bottom: 20px !important;
    }
  }

  //表格
  &-formwork__table {
    .el-table {
      min-height: calc(100vh - 348px);
    }
    .el-table__body-wrapper {
      min-height: calc(100vh - 397px);
    }
  }

  //表格内容换行的时候的line-height
  &-table-line-height {
    //组件的表格
    .el-table td > .cell {
      min-height: auto;
      height: auto;
      line-height: 18px;
      padding: 10px 4px;
    }

    //动态增减表格
    .el-form-item .el-form-item__content {
      line-height: 18px;
      padding: 10px 4px;
    }
  }

  $--table-max-height: calc(100vh - 340px);
  $--table-body-wrapper-max-height: calc(100vh - 395px);
  $--table-fixed-body-wrapper-max-height: calc(100vh - 410px);

  //表格-滚动条版本
  &-formwork__table-scroll {
    margin: 20px 0;
    .el-table {
      height: calc(100vh - 345px);
      max-height: $--table-max-height;
    }

    .el-table__fixed {
      max-height: $--table-body-wrapper-max-height;
    }

    .el-table__fixed-right {
      right: 10px;
      bottom: 11px;
    }

    .el-table__fixed-body-wrapper {
      max-height: $--table-body-wrapper-max-height;
      bottom: 11px;
      top: 49.1px !important;
    }

    .el-table__body-wrapper {
      position: relative;
      height: calc(100vh - 395px);
      max-height: $--table-body-wrapper-max-height;
      overflow-y: auto;
      &::-webkit-scrollbar {
        width: 12px; /* 滚动条宽度， width：对应竖滚动条的宽度  height：对应横滚动条的高度*/
        height: 10px;
        &:hover {
          transition: height width 0.3s;
          height: 12px;
        }
      }
      &::-webkit-scrollbar-thumb {
        background-color: rgba(144, 147, 153, 0.3);
        border-radius: 3px;
        position: fixed;
        transition: background-color 0.3s;
      }

      &::-webkit-scrollbar-thumb {
        &:hover {
          background-color: rgba(144, 147, 153, 0.5);
        }
      }

      /*定义滚动条的轨道颜色、内阴影及圆角*/
      &::-webkit-scrollbar-track {
        background-color: #fff;
        border-radius: 3px;
      }
    }

    .el-table__fixed-right-patch {
      width: 10px !important;
      height: 48px !important;
      top: 0;
      border-top: 1px solid $--color-primary-light-8;
      background-color: $--color-primary-light-95;
    }

    .el-table th.el-table__cell.is-leaf:last-child {
      border-right: 0;
    }

    //移动横向滚动条到最右边到时候表格和内容的线不对齐修改
    .el-table__header {
      margin-right: 12px;
    }
  }

  //树
  &-formwork__tree {
    padding: 20px;
    .el-scrollbar {
      height: calc(100vh - 212px) !important;
    }

    .el-tree {
      padding-top: 10px;
    }
  }

  /*********卡片*********/
  &-card__button {
    float: right;
  }

  &-card__button.el-button--text {
    line-height: 1.5;
  }

  /*********表头header组件slot*********/

  &-eve-header__center-before {
    font-family: 'PingFang SC Semibold', 'PingFang SC', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    color: #fff;
    padding-right: 40px;
  }

  &-eve-header__border {
    width: 2px;
    height: 21px;
    background: #fff;
    margin-right: 14px;
  }

  /*********菜单menu组件slot*********/
  &-eve-menu__left-button {
    width: 100%;
    width: 24px;
    height: 50px;
    border-radius: 0px $--eve-border-radius-small $--eve-border-radius-small 0px;
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 14px;
    background: $--eve-menu-background;
    margin: 8px 0;
    &:hover {
      color: $--color-primary;
    }
  }

  &-eve-menu__right-button {
    width: 216px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    span {
      user-select: none;
      font-size: 14px;
      display: block;
      margin-left: 6px;
      padding: 0 4px;
      border-radius: $--eve-border-radius-small;
      &:hover {
        color: $--color-primary;
      }
    }
  }

  &-eve-menu__right-button--line-feed {
    line-height: 1.7;
  }

  &-eve-menu__flex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    &:not(:first-child) {
      margin-top: -8px;
    }
  }

  &-eve-menu__active {
    background: $--color-primary;
    color: #fff;
    text-align: center;
    line-height: 26px;
    &:hover {
      color: #fff !important;
    }
  }

  &-operate {
    background-image: linear-gradient(
      to right,
      $--color-primary-light-2,
      #fff
    ) !important;
  }

  &-form-table {
    position: relative;
    &__select-form-float {
      position: absolute;
      z-index: 10;
      background: #fff;
      width: 100%;
    }
    &__table {
      //根据实际值调整
      padding-top: 120px;
    }
  }
}

/*********进度条插件颜色*********/
#nprogress .bar {
  background: $--color-primary;
}

/* 设置全局 去除type="number"输入框聚焦时的上下箭头 */
.clear-number-input.el-input::-webkit-outer-spin-button,
.clear-number-input.el-input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none !important;
}
.clear-number-input.el-input input[type='number']::-webkit-outer-spin-button,
.clear-number-input.el-input input[type='number']::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none !important;
}
.clear-number-input.el-input {
  -moz-appearance: textfield;
}
.clear-number-input.el-input input[type='number'] {
  -moz-appearance: textfield;
}

//输入框字体设置
input,
textarea {
  font-family: Microsoft YaHei, Avenir, Helvetica, Arial, sans-serif !important;
}

//收缩菜单后的表单提交底部按钮
.layout__collapse {
  .eve-common-footer-button {
    width: calc(100vw - 96px); //菜单宽度+间距
  }
}
